﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterClinicaSanPablo.Master" AutoEventWireup="true"
    EnableEventValidation="false" CodeBehind="SeguimientoServicioNoConforme.aspx.cs"
    Inherits="ClinicaSanPablo.SeguimientoServicioNoConforme" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {

            $("#btnActualizar").hide("slow");

            function llamado() {
                var CodSNC = $("#txtCodSNC").val();

                var data1 = {
                    codSNC: CodSNC
                }

                var jsondata = JSON.stringify(data1);

                $.ajax({
                    type: "POST",
                    url: "SeguimientoServicioNoConforme.aspx/ObtenerCantidadFinalizado",
                    data: jsondata,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var jsonData = JSON.parse(data.d);
                        if (jsonData.resultado) {
                            $("#txtConteoAccion").val(jsonData.getconteo);
                        }
                        else
                            alert("Error en obtener el dato");
                    },
                    error: function () {
                        alert("Failed to load names");
                    }
                });
            }

            llamado();


            $("#grdAcciones").jqGrid({
                url: "MostrarListaAcciones.aspx",
                datatype: 'json',
                type: 'GET',
                colNames: ['Estado', 'Accion', 'Responsable', 'AreaRegistro', 'FechaRegistro', 'CodigoAccion', 'ObsAccion', 'NumEmpleado', 'CodigoEstado'],
                colModel: [
                    { name: 'Id', index: 'Id', align: 'center', width: 80, sortable: false },
                    { name: 'Accion', index: 'Accion', align: 'center', width: 380, sortable: false },
                    { name: 'Responsable', index: 'Responsable', align: 'center', width: 180, sortable: false },
                    { name: 'AreaRegistro', index: 'AreaRegistro', align: 'center', width: 120, sortable: false },
                    { name: 'FechaRegistro', index: 'Fecha', align: 'center', width: 100, sortable: false },
                    { name: 'CodigoAccion', index: 'CodigoAccion', align: 'center', width: 100, sortable: false, hidden: true },
                    { name: 'ObsAccion', index: 'ObsAccion', align: 'center', width: 100, sortable: false, hidden: true },
                    { name: 'NumEmpleado', index: 'NumEmpleado', align: 'center', width: 100, sortable: false, hidden: true },
                    { name: 'CodigoEstado', index: 'CodigoEstado', align: 'center', width: 100, sortable: false, hidden: true },
                    ],
                pager: jQuery('#grdPagerAcciones'),
                rowNum: 20,
                rowList: [20, 50, 100],
                sortname: 'Id',
                sortorder: 'desc',
                postData: {
                    codigoSNC: function () { return $("#txtCodSNC").val(); }
                }
                ,
                onSelectRow: function (id) {
                    var ret = jQuery("#grdAcciones").jqGrid('getRowData', id);
                    CodigoAccion = ret.CodigoAccion;
                    DesAccion = ret.Accion;
                    NumEmpleado = ret.NumEmpleado;
                    Responsable = ret.Responsable;
                    CodigoEstado = ret.CodigoEstado;
                    Estado = ret.Id;
                    ObsAccion = ret.ObsAccion;
                }
            });

            $("#deleteFila").click(function () {
                var gr = jQuery("#grdAcciones").getGridParam('selrow');
                if (gr != null) {
                    var data3 = {
                        codAccion: CodigoAccion
                    }

                    var jsondata = JSON.stringify(data3);

                    $.ajax({
                        type: "POST",
                        url: "SeguimientoServicioNoConforme.aspx/DeleteAccion",
                        data: jsondata,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (data) {
                            var jsonData = JSON.parse(data.d);
                            if (jsonData.resultado) {
                                alert("Se elimino el registro");
                                $("#grdAcciones").trigger("reloadGrid");
                                llamado();
                            }
                            else {
                                alert("Error al eliminar");
                            }
                        },
                        error: function () {
                            alert("Failed to load names");
                        }
                    });
                    return false;
                }
                else alert("Seleccione una fila!");
            });

            $("#editFila").click(function () {
                var gr = jQuery("#grdAcciones").getGridParam('selrow');
                if (gr != null) {
                    $("#txtAccion").val(DesAccion);
                    $("#txtResponsable").val(Responsable);
                    $("#txtObservaciones").val(ObsAccion);
                    $("#txtCodigoEmpleado").val(NumEmpleado);
                    $("#cmbSituacion").val(CodigoEstado);
                    $("#uploadFile1").hide("slow");
                    $("#lblArchivo").hide("slow");

                }
                else {
                    alert("Seleccione una fila!");
                }

                $("#btnActualizar").show("slow");
                $("#btnAgregar").hide("slow");
            });

            $("#btnActualizar").click(function () {

                var DesAccion = $("#txtAccion").val();
                var ObsAccion = $("#txtObservaciones").val();
                var NumEmpleado = $("#txtCodigoEmpleado").val();
                var CodEstado = $("#cmbSituacion option:selected").val();
                var CodUsuario = '43811752';

                var data3 = {
                    codAccion: CodigoAccion,
                    desAccion: DesAccion,
                    obsAccion: ObsAccion,
                    numEmpleado: NumEmpleado,
                    codEstado: CodEstado,
                    codUsuario: CodUsuario
                }

                var jsondata = JSON.stringify(data3);

                $.ajax({
                    type: "POST",
                    url: "SeguimientoServicioNoConforme.aspx/UpdateAccion",
                    data: jsondata,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var jsonData = JSON.parse(data.d);
                        if (jsonData.resultado) {
                            alert("Se actualizo el registro");
                            $("#grdAcciones").trigger("reloadGrid");
                            llamado();
                        }
                        else {
                            alert("Error al actualizar");
                        }
                    },
                    error: function () {
                        alert("Failed to load names");
                    }
                });
                return false;
            });

            $("#btnRegistrar").click(function () {
                $("#seguimientoServicioNoConforme").submit();
                llamado();

                var gr = jQuery("#grdAcciones").getGridParam("records");
                var conteoAccion = $("#txtConteoAccion").val();

                if (gr == 0) {
                    var CodEstado = 'EST001';
                }
                else {
                    if (gr == conteoAccion) {
                        var CodEstado = 'EST004';
                    }
                    else {
                        var CodEstado = 'EST002';
                    }
                }

                var CodSNC = $("#txtCodSNC").val();
                var CodMotivoGeneral = $("#cmbMotivoGeneral option:selected").val();
                var CodMotivoEspecifico = $("#cbmMotivoEspecifico option:selected").val();

                var data4 = {
                    codSNC: CodSNC,
                    codMotivoGeneral: CodMotivoGeneral,
                    codMotivoEspecifico: CodMotivoEspecifico,
                    codEstado: CodEstado
                }

                var jsondata = JSON.stringify(data4);

                $.ajax({
                    type: "POST",
                    url: "SeguimientoServicioNoConforme.aspx/UpdateSeguimientoSNC",
                    data: jsondata,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var jsonData = JSON.parse(data.d);
                        if (jsonData.resultado) {
                            alert("Se actualizo el registro");
                            $("#grdAcciones").trigger("reloadGrid");
                        }
                        else {
                            alert("Error al actualizar");
                        }
                    },
                    error: function () {
                        alert("Failed to load names");
                    }
                });

                return false;
            });

            $.ajax({
                type: "POST",
                url: "SeguimientoServicioNoConforme.aspx/ComboMotivoGeneral",
                data: {},
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var jsonData = JSON.parse(data.d);
                    $("#cmbMotivoGeneral").get(0).options.length = 0;
                    $.each(jsonData,
                    function (index, item) {
                        $("#cmbMotivoGeneral").get(0).options[$("#cmbMotivoGeneral").get(0).options.length] = new Option(item.DesMotivoGeneral, item.CodMotivoGeneral);
                    });
                    $('#cmbMotivoGeneral').removeAttr('disabled');
                },
                error: function () {
                    alert("Failed to load names");
                }
            });

            $("#cmbMotivoGeneral").change(function () {
                var data = { motivoGeneral: $("#cmbMotivoGeneral option:selected").val() };
                var jsondata = JSON.stringify(data);
                $.ajax({
                    type: "POST",
                    url: "SeguimientoServicioNoConforme.aspx/ComboMotivoEspecifico",
                    data: jsondata,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var jsonData = JSON.parse(data.d);
                        $("#cbmMotivoEspecifico").get(0).options.length = 0;
                        $.each(jsonData,
                        function (index, item) {
                            $("#cbmMotivoEspecifico").get(0).options[$("#cbmMotivoEspecifico").get(0).options.length] = new Option(item.DesMotivoEspecifico, item.CodMotivoEspecifico);
                        });
                        $('#cbmMotivoEspecifico').removeAttr('disabled');
                    },
                    error: function () {
                        alert("Failed to load names");
                    }
                });
            });

            $.ajax({
                type: "POST",
                url: "SeguimientoServicioNoConforme.aspx/ComboEstadoAccion",
                data: {},
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var jsonData = JSON.parse(data.d);
                    $("#cmbSituacion").get(0).options.length = 0;
                    $.each(jsonData,
                    function (index, item) {
                        $("#cmbSituacion").get(0).options[$("#cmbSituacion").get(0).options.length] = new Option(item.DesEstado, item.CodEstado);
                    });
                    $('#cmbSituacion').removeAttr('disabled');
                },
                error: function () {
                    alert("Failed to load names");
                }
            });

            $("#btnBuscarEmpleado").click(function () {
                $("#dlgBusquedaEmpleado").simpledialog("open");
            });

            $("#btnSalirBusquedaEmpleado").click(function () {
                $("#dlgBusquedaEmpleado").simpledialog("close");
            });

            $("#dlgBusquedaEmpleado").simpledialog({
                autoOpen: false,
                resizable: false,
                modal: true,
                height: 400,
                width: 850,
                close: function (event, ui) {
                }
            });

            $('#buscarEmpleado').click(function () {
                $("#grdListEmpleado").trigger("reloadGrid");
            });

            $("#grdListEmpleado").jqGrid({
                url: "BusEmpleado.aspx",
                datatype: 'json',
                type: 'GET',
                colNames: ['Documento', 'Apellidos', 'Nombres', 'Email', 'Telfijo', 'TelfCel'],
                colModel: [
                    { name: 'Id', index: 'Id', align: 'center', width: 100, sortable: false },
                    { name: 'Apellidos', index: 'Apellidos', align: 'center', width: 140, sortable: false },
                    { name: 'Nombres', index: 'Nombres', align: 'center', width: 140, sortable: false },
                    { name: 'Email', index: 'Email', align: 'center', width: 200, sortable: false },
                    { name: 'Telfijo', index: 'Telfijo', align: 'center', width: 100, sortable: false },
                    { name: 'TelfCel', index: 'TelfCel', align: 'center', width: 100, sortable: false },
                    ],
                pager: jQuery('#grdPager2'),
                rowNum: 20,
                rowList: [20, 50, 100],
                sortname: 'Id',
                sortorder: 'desc',
                postData: {
                    apellidoEmpleado: function () { return $("#txtBuscarApellido").val(); },
                    nombreEmpleado: function () { return $("#txtBuscarNombre").val(); }
                },
                ondblClickRow: function (id) {
                    $("#dlgBusquedaEmpleado").simpledialog("close");
                    var ret = jQuery("#grdListEmpleado").jqGrid('getRowData', id);
                    var data = {
                        codigo: ret.Id,
                        apellidosemp: ret.Apellidos,
                        nombreemp: ret.Nombres,
                        nrodocumentos: ret.Id,
                        telefono: ret.Telfijo,
                        celular: ret.TelfCel,
                        email: ret.Email,
                        tipdoc: ret.tipdoc
                    };

                    var jsondata = JSON.stringify(data);
                    $.ajax({
                        type: "POST",
                        url: "BusEmpleado.aspx/VerificarEmpleado",
                        data: jsondata,
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (data) {
                            var jsonData = JSON.parse(data.d);
                            if (jsonData.resultado) {
                                $("#txtCodigoEmpleado").val(ret.Id);
                                $("#txtResponsable").val(jsonData.nombreemp + " " + jsonData.apellidosemp);
                            }
                            else
                                alert("No hay registros que mostrar");
                        },
                        error: function () {
                            alert("Failed to load names");
                        }
                    });



                }
            });

        });







        $('#seguimientoServicioNoConforme').validate({
            rules: {

                ctl00$master$txtAccion: {
                    required: true
                },
                ctl00$master$txtResponsable: {
                    required: true
                }
            },

            messages: {
                ctl00$master$txtAccion: "<br/>* Ingrese la Acción",
                ctl00$master$txtResponsable: { required: "<br/>* Ingrese el Responsable" }
            }
        });
        

    </script>
    <style type="text/css">
        .error
        {
            border: 1px solid red;
        }
        label.error
        {
            border: 0px;
            color: Red;
        }
        div.container
        {
            display: none;
            color: Red;
        }
        #grdMuestraRecla
        {
            text-align: center;
        }
        #asd .ui-jqgrid
        {
            display: block;
            margin: 0 auto;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="master" runat="server">
    <form id="seguimientoServicioNoConforme" runat="server">
    <div class="cuerpo">
        <%--<div class="container">* Es obligatorio ingresar todos los campos marcados de rojo para poder registrar</div>--%>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="3">
                    <img src="images/caja_main01.gif" width="973" height="13" />
                </td>
            </tr>
            <tr>
                <td width="7" background="images/caja_main02.gif">
                    &nbsp;
                </td>
                <td class="info" valign="top">
                    <h1>
                        Seguimiento de <strong>Servicios No Conformes</strong></h1>
                    <div class="content">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <tr>
                                <td width="6">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                            <tr>
                                <td width="6">
                                    &nbsp;
                                </td>
                                <td bgcolor="#eeeeee">
                                    <table width="90%" border="0" align="center" cellpadding="2" cellspacing="2">
                                        <tr>
                                            <td width="90">
                                                <strong>Registrado por:</strong>
                                            </td>
                                            <td width="300">
                                                <asp:Label ID="lblRegistradoPor" runat="server" Text="Label"></asp:Label>
                                            </td>
                                            <td rowspan="2">
                                                <strong>Descripción del Servicio No Conforme:</strong><br />
                                                <asp:Label ID="lblDescripcion" runat="server" Text="Label"></asp:Label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>Dirigido a:</strong>
                                            </td>
                                            <td>
                                                <asp:Label ID="lblDirigidoA" runat="server" Text="Label"></asp:Label>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td >
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td width="6">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                        </table>
                        <br />
                    </div>
                    <div class="content" id="page-2">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaStyle">
                            <tr>
                                <td width="6">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                            <tr>
                                <td width="6">
                                    &nbsp;
                                </td>
                                <td bgcolor="#eeeeee">
                                    <h2>
                                        Motivos</h2>
                                    <table width="90%" border="0" align="center" cellpadding="2" cellspacing="2">
                                        <tr>
                                            <td width="100">
                                                <strong>Motivo General:</strong>
                                            </td>
                                            <td>
                                                <asp:DropDownList ID="cmbMotivoGeneral" runat="server" Height="22px" Width="200px">
                                                </asp:DropDownList>
                                            </td>
                                            <td align="right">
                                                <strong>Motivo Específico:</strong>
                                            </td>
                                            <td align="right">
                                                <asp:DropDownList ID="cbmMotivoEspecifico" runat="server" Height="22px" Width="200px">
                                                    <asp:ListItem Value="0">---------------------------------------</asp:ListItem>
                                                </asp:DropDownList>
                                            </td>
                                            <td width="160">
                                                &nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                    <h2>
                                        Acciones</h2>
                                    <table width="90%" border="0" align="center" cellpadding="2" cellspacing="2">
                                        <tr>
                                            <td width="100" valign="top">
                                                <strong>Acción: </strong>
                                            </td>
                                            <td colspan="3">
                                                <asp:TextBox ID="txtAccion" runat="server" Height="79px" TextMode="MultiLine" Width="582px"></asp:TextBox>
                                            </td>
                                            <td width="160">
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>Responsable:</strong>
                                            </td>
                                            <td>
                                                <asp:HiddenField ID="txtCodigoEmpleado" runat="server" />
                                                <asp:HiddenField ID="txtCodSNC" runat="server" />
                                                <asp:TextBox ID="txtResponsable" runat="server" CssClass="frm" Width="200px" ReadOnly="true"></asp:TextBox>
                                                &nbsp;<input type="button" value="" id="btnBuscarEmpleado" />
                                            </td>
                                            <td align="right">
                                                <strong>Situación:</strong>
                                            </td>
                                            <td align="right">
                                                <asp:DropDownList ID="cmbSituacion" runat="server" Height="22px" Width="200px">
                                                </asp:DropDownList>
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <strong>
                                                    <asp:Label ID="lblArchivo" runat="server" Text="Archivo:"></asp:Label></strong>
                                            </td>
                                            <td colspan="3">
                                                <input type="file" name="file2" style="display: none" onchange="this.form.showfile2.value=this.value" />
                                                <asp:FileUpload ID="uploadFile1" runat="server" accept="gif|jpg|png|doc|docx" class="multi"
                                                    maxlength="1" Width="268px" />(.gif, .jpg, .png, .doc, .docx)
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top">
                                                <strong>Observaciones:</strong>
                                            </td>
                                            <td colspan="3">
                                                <asp:TextBox ID="txtObservaciones" runat="server" Height="79px" TextMode="MultiLine"
                                                    Width="580px"></asp:TextBox>
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="5" align="center">
                                                <asp:Button ID="btnAgregar" runat="server" Text="Añadir" UseSubmitBehavior="true"
                                                    CssClass="submitBtn" OnClick="btnAgregar_Click" />
                                                <button id="btnActualizar" class="submitBtn">
                                                    <span>Actualizar</span></button>
                                                <button id="btnLimpiarAccion" class="submitBtn">
                                                    <span>Limpiar</span></button>
                                            </td>
                                        </tr>
                                    </table>
                                    <div style="width: 100%;" id="asd">
                                        <table id="grdAcciones">
                                        </table>
                                    </div>
                                    <div id="grdPagerAcciones">
                                    </div>
                                    <table>
                                        <tr>
                                            <td>
                                                <input type="button" value="" id="editFila" />&nbsp;
                                                <input type="button" value="" id="deleteFila" />
                                                <asp:HiddenField ID="txtConteoAccion" runat="server" />
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="6">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td width="6">
                                </td>
                                <td>
                                </td>
                                <td width="6">
                                </td>
                            </tr>
                        </table>
                    </div>
                    <p align="center">
                        <asp:Button ID="btnRegistrar" runat="server" Text="Registrar" CssClass="submitBtn"
                            UseSubmitBehavior="true" />
                        <button id="btnCancelar" class="submitBtn">
                            <span>Cancelar</span></button>
                        <button id="btnLimpiarTodo" class="submitBtn">
                            <span>Limpiar</span></button>
                        <button id="btnDerivar" class="submitBtn">
                            <span>Derivar</span></button>
                    </p>
                </td>
                <td width="7" background="images/caja_main03.gif">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <img src="images/caja_main04.gif" width="973" height="13" />
                </td>
            </tr>
        </table>
    </div>
    <div id="dlgBusquedaEmpleado">
        <div>
            <h2>
                Buscar Empleado</h2>
            <table width="90%" border="0" cellspacing="1" cellpadding="2">
                <tr>
                    <td>
                        Apellido:
                    </td>
                    <td>
                        <asp:TextBox ID="txtBuscarApellido" runat="server" CssClass="frm"></asp:TextBox>
                    </td>
                    <td>
                        Nombre:
                    </td>
                    <td>
                        <asp:TextBox ID="txtBuscarNombre" runat="server" CssClass="frm"></asp:TextBox>
                    </td>
                </tr>
            </table>
            <table width="80%" border="0" cellspacing="1" cellpadding="2" align="center">
                <tr>
                    <td align="center">
                        <button id="buscarEmpleado" value="buscarEmpleado" class="submitBtn">
                            <span>Buscar</span></button>
                        <button id="btnSalirBusquedaEmpleado" value="closeModal" class="submitBtn" style="margin-right: 0px;">
                            <span>Salir</span></button>
                    </td>
                </tr>
            </table>
        </div>
        <!--<table id="list4"></table>-->
        <table id="grdListEmpleado">
        </table>
        <div id="grdPager">
        </div>
    </div>
    </form>
</asp:Content>
